<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Demo page - Login</title>
    <style>
        .center {
        margin: auto;
        width: 50%;
        padding: 10px;
        }
        .border {
            border: 1px solid grey;
        }
        .double-line {
        line-height: 2;
        }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script>
        setTimeout(function() {
            $('.hide').fadeOut('fast');
        }, 2000);
    </script>
  </head>
  <body>
    <div class="center border">
        <h1>Demo page</h1>
            <p class="hide border" data-testid="login-message">
                Welcome to the Demo Page! You have been successfully logged in.
            </p>
            <div data-testid="lorem-ipsum">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque in efficitur ipsum. Vestibulum urna velit, faucibus vel elit vitae, mollis eleifend arcu. Curabitur euismod orci a libero fermentum, ac vulputate lorem congue. Quisque a pellentesque leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a lobortis nunc. Fusce maximus nibh tortor, id finibus mauris cursus ac. Fusce vitae diam neque. Morbi at ante vel nisl semper elementum a ac mauris. Nulla id accumsan tellus. Nulla a nisi eu urna laoreet ullamcorper. Suspendisse vitae diam aliquam, ultricies dolor vitae, consectetur magna. Donec id purus tortor.<br />
                Vivamus posuere interdum nisi id commodo. Phasellus sit amet quam elementum, interdum quam a, viverra urna. Ut volutpat at libero id imperdiet. Donec condimentum ante ut luctus vulputate. Nullam suscipit tortor eget felis euismod efficitur. Donec turpis ante, cursus et placerat at, sodales eget dolor. Pellentesque id ornare arcu.<br />
                Phasellus quis mi pretium, malesuada sem nec, congue mauris. Fusce quis sapien velit. Morbi sit amet consectetur orci. Integer aliquet elit ligula, in facilisis nunc commodo vel. Nulla at odio quis libero interdum finibus. In elementum est quis massa sodales tempus. In tristique tortor neque, vitae eleifend lacus aliquam eget. Donec at ipsum vel purus congue porta scelerisque ac dui. Praesent lobortis sed purus porttitor rutrum. Duis sagittis justo justo, eget feugiat risus placerat nec. Mauris ac diam quis quam porttitor accumsan a eget lorem. Donec et nibh velit. Nullam a sodales lorem. Cras dui orci, placerat vel blandit ut, sodales sed orci. Praesent vitae ligula venenatis, eleifend felis vel, tempor sapien. Integer facilisis finibus eleifend.<br />
                Aliquam erat volutpat. Sed sed magna eu augue efficitur tempor sed vel nunc. Vestibulum blandit id risus ut mattis. Sed dapibus porttitor facilisis. Phasellus lacinia metus eu magna vulputate dapibus. Sed dictum, nunc at sollicitudin ultricies, nisi lorem accumsan libero, vitae consectetur dui sem eget nisl. Duis mollis egestas justo ut vulputate. Donec quis risus sit amet erat iaculis commodo id eget massa. Proin at quam faucibus ex tempor sagittis. Donec laoreet nibh non posuere auctor. Ut varius enim a scelerisque mattis. Pellentesque facilisis odio a risus sollicitudin, eget sagittis orci posuere. Donec posuere blandit libero a scelerisque.<br />
            </div>
        </div>
      </div>
  </body>
</html>
